<template>
  <div class="PersonalInfo">
      <div class="head_portrait">
          <img src="../../../../assets/binbing/accountCenterImg/ic_avatar.png" >
      </div>
      <div class="username">
          W、
      </div>
      <div class="account">
          华为帐号：<span>13227842730</span>
      </div>
  </div>
</template>

<script>
export default {
    name: "PersonalInfo"
}
</script>

<style scoped>
.PersonalInfo{
    width: 100%;
    height: 1.18rem;
}

.head_portrait,.head_portrait img{
    width: 0.48rem;
    height: 0.48rem;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
}

.username{
    padding: 0 0.24rem;
    height: 0.24rem;
    margin: 0.18rem 0 0.08rem;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.24rem;
}

.account{
    margin: 0 0.24rem 0;
    height: 0.182rem;
    font-size: 0.14rem;
    text-align: center;
    line-height: 0.182rem;
}
</style>